<template>
  <header>
    <div class="header-left" @click="toHome">
      <span class="iconfont">&#xe624;</span>
    </div>
    <p>城市选择</p>
  </header>
</template>
<script>
  export default {
    methods:{
      toHome(){
        this.$router.push('/');
      }
    }
  }
</script>
<style scoped lang="stylus">
  @import "~css/var.styl"
  header{
    width: 100%;
    line-height: .88rem;
    background-color: $bgColor;
    color: $textColor;
    font-size: .32rem;
    position: relative;
    text-align: center;
  }
  .header-left{
    width: .4rem;
    padding: 0 .2rem;
    text-align: center;
    font-weight: bolder;
    position: absolute;
  }
</style>
